<page-header-wrapper [title]="''"> </page-header-wrapper>
<nz-spin [nzSpinning]="service?.http?.loading"></nz-spin>
<div class="bankcard-content p-md">
  <h3>{{ltdName}}</h3>
  <div class="member-rights-container">
    <nz-card class="single-card" *ngFor="let item of list">
      <div class="bank-account-content">
        <div class="mr-sm">
          <nz-avatar [nzSrc]="item.bankLogoUrl" [nzSize]="50"></nz-avatar>
        </div>
        <div class="bank-card-right">
          <div class="bank-card-title">
            <div class="bank-card-name font-weight-bold text-md">{{ item.bankName }}</div>
            <div class="text-md">{{item.bankCardNumber}}</div>
          </div>
          <div class="bank-account-txt mt-md mb-md">{{ item.bankAccountName }}</div>
        </div>
      </div>
      <div class="text-right">
        <button nzSize="default" class="del-btn" (click)="del(item)" acl [acl-ability]="['BankCardManagement-Delete']"
          nz-button>删除</button>
      </div>

      <!-- <ng-template #actionEdit>
                <span (click)="edit(item)"><i nz-icon nzType="form" nzTheme="outline"></i></span>
            </ng-template> -->
    </nz-card>
    <button class="single-card add-btn" nz-button nzType="dashed" nzBlock (click)="add()">
      <i nz-icon nzType="plus" nzTheme="outline" acl [acl-ability]="['BankCardManagement-Add']"></i>添加银行账户
    </button>
  </div>

</div>
